<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>Laura Dan Li</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="keywords" content="laura dan li, multimedia portfolio, student work, media science student, personal documentation, dan li, laura li, li dan" />
  <meta name="description" content="Laura Dan Li: a media student who has broad interest in human computer interaction, computer graphics, installation art …, a programmer and an artist at the same time" />

  <link href="css/sample_web_page.css" rel="stylesheet" type="text/css" media="all" />
  <script type="text/javascript" src="js/indexpage.js">
  </script>
  <script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-18902281-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>

<body>
<div id="skip-nav" class="reveal">
  <a href="#media">Skip to main content</a>
</div>
<div id="maincontainer">
<!-- the header -->

<div id="header">
<img alt="title" src="img/title.jpg" /> 
<div id="title">
<h1>Laura Dan Li</h1>
</div>
</div>

<!-- the content -->
<div id="content">
<div id="menu">
  <a id="home" title="multimedia portfolio" href="index.html" class="current"></a>
  <a id="programming" title="programming portfolio" href="programming.html">programming<br /><span class="smallcap">interactive apps I made</span><img class="cached_icon" alt="cached" src="img/cached.png" /></a>
  <a id="art" title="art portfolio" href="art.html">visual art<br /><span class="smallcap">my art pieces</span></a>
  <a id="resume"  title="laura's resume" href="resume.html">resume<br /><span class="smallcap">work experience</span></a>
  <a id="contact"  title="contact laura" href="feedback.html">contact<br /><span class="smallcap">info & contact form</span></a>
</div>
<div id="media">
    <div id="intro">
    <h2>Intro</h2>
    <p class="caption">
      In Laura Dan Li's web portfolio, you can find interesting projects and work done by me as a programmer during my university years: interactive applications, games, interface design projects...</p><p class="caption">Or, graphics and installations created by me as an artist.    </p>
      <p class="caption">However, no matter what tools are used to build those works, the thing that  matters to me is actaully the  user experience.</p>
<h2 id="crtproject">Current Projects</h2>
    <h4><a href="sample_webpage_2.html#hcde598">Automobile Navigation System: UX Design, Prototype <img class="cached_icon" alt="cached" src="img/cached.png" /></h4>
    <p>The Seamless Navigation System (SNAV) is designed to give directions to drivers with less distraction, less map reading, and quick and easy destination setup, so you can stop fussing with your GPS and get to your destination.</p>
	    <h4><a href="frame-offline-login.html?t=Research%20Assistant%20at%20STATMOS&a=http%3A%2F%2Fsweb.cityu.edu.hk%2Fdanli3%2Fportfolio%2Fresume.html%23statmos" target="_parent">Research Assistant at STATMOS</a></h4>
    <p>Statistical Methods for Atmospheric and Oceanic Sciences is a NSF research network of statisticians with interest in atmospheric and ocean science. My job is to design and implement the STATMOS website that can serve as a simplified platform for STATMOS members to share information and organize events.</p>
	
    </div>
    <div id="personal">
    <h2>Laura Dan Li</h2>
	<p  id="resumebtn" class="downloadButton"><a href="resume_laurali.pdf">Download Resume</a></p><p><a href="mailto:tobelaura@gmail.com">tobelaura@gmail.com
</a>    <br />
    (+1)206-446-3504</p>
    <p>M.S. Candidate, Human Centered Design and Engineering,<br /> University of Washington</p>
    <p>First Class Honours, Bachelor of Science of Creative Media,<br />
      City University of Hong Kong<br />
    </p> 
    </div>
    <div id="imgwall">
	</div>
</div>
<div id="credit">
Copyright &#169; Laura Li. All Rights Reserved.
<a href="mailto:tobelaura@gmail.com">tobelaura@gmail.com</a></div>
</div>

<!-- the footer -->
<div id="footer">
<img alt="footer" src="img/foot.jpg" />
</div>
</div>
</body>
</html>
